<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>video标签</title>
</head>

<body>
    <div style="width: 550px; height: 350px; margin: auto; " id="w1">
        <input type="button"id="bofang" value="播放" />
        <input type="button"id="q1" value="下一个" onclick="fun()"/> <br />
        <video id="video" src="./1.mp4"width="450px" height="350px"></video>
    </div>
</body>
<script>
    var video = document.getElementById('video');
    var bofang = document.getElementById('bofang');
    bofang.onclick = function () {
        if (video.paused == true) {
            video.play();
            bofang.value = "暂停"
        } else {
            video.pause();
            bofang.value = "播放"

        }
    };

    var qq = document.getElementById("video");
    var arr = ["./3.mp4","./4.mp4","./1.mp4"],
        i = 0
    function fun(){
        i=i==3?0:i++
        qq.src = arr[i++]
        bofang.value = "播放"
    }
    

</script>
</html>